@charset "utf-8";

html {
  direction: rtl;
}

header {
  .header-top {
    .top-info {
      i {
        margin-left: 5px;
      }
      .info-email {
        margin-right: 30px;
      }
    }
    .top-right {
      .search-input {
        .icon-search {
          margin-right: 18px;
        }
      }
      .language-list {
        margin-right: 18px;
        i {
          margin-right: 10px;
        }
      }
      #xyz {
        .xyz12 {
          span {
            left: 10px;
          }
          ul {
            li {
              padding-right: 5px;
              a {
                img {
                  margin-right: 5px;
                }
              }
            }
          }
        }
      }
    }
  }
  nav {
    ul {
      .submenu {
        right: auto;
        left: -260px;
        li {
          &:after {
            left: -10px;
          }
        }
        & + .icon-angle-down {
          margin-right: 5px;
        }
      }
    }
  }
}

.home-container {
  .about-info {
    .about-content {
      .content-title {
        padding-right: 80px;
      }
      article {
        padding-right: 80px;
      }
      .about-btn {
        margin-right: 80px;
      }
    }
  }
}

.pro-filter {
  right: auto;
  left: 260px;
}

.products-content {
  .filter-box {
    .scrollTip {
      right: auto;
      left: 260px;
    }
  }
}

.compare-action .compare-action-check+label {
  margin-left: 10px;
}

.compare-action .compare-action-check:checked+label:before {
  left: auto;
  right: 2px;
}

.common-container .news-content .news-list .list-1 .news-info .more-btn i, .knowledges-content .knowledges-list .list-1 .knowledges-info .more-btn i {
  left: auto;
}

.common-container .contact-content .contact-main .send-inquiry .inquiry-form {
  margin-left: 0;
  margin-right: 30px;
}

.common-container .news-content .news-list .list-2:nth-of-type(4n) {
  margin-right: 25px;
}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n) {
  margin-right: 25px;
}
.common-container .news-content .news-list .list-2:nth-of-type(4n - 3) {
  margin-right: 0;
}
.knowledges-content .knowledges-list .list-2:nth-of-type(4n - 3) {
  margin-right: 0;
}

footer {
  .footer-top {
    .contact-left {
      .contact-content {
        margin-right: 50px;
        &:before {
          right: -20px;
        }
      }
    }
  }
  .footer-container {
    & > ul {
      & > li {
        .content {
          padding-right: 30px;
        }
      }
    }
    .bottom-info {
      .intro {
        .contact-list {
          li {
            margin-left: 10px;
          }
        }
      }
      .nav {
        ul li {
          a {
            padding-right: 16px;
            &:after {
              right: 0;
            }
          }
        }
      }
      .cate {
        ul li {
          a {
            padding-right: 16px;
            &:after {
              right: 0;
            }
          }
        }
      }
    }
  }

}

@media (min-width: 1441px) and (max-width: 1680px) {
  .home-container {
    .about-info {
      .about-content {
        .content-title {
          padding-right: 20px;
        }
        article {
          padding-left: 100px;
          padding-right: 20px;
        }
        .about-btn {
          margin-right: 20px;
        }
      }
    }
  }
}

@media (min-width: 1281px) and (max-width: 1440px) {
  .home-container {
    .about-info {
      .about-content {
        article {
          padding-left: 100px;
          padding-right: 20px;
        }
      }
    }
  }
}

@media (max-width: 1440px) {
  .home-container {
    .about-info {
      .about-content {
        .content-title {
          padding-right: 20px;
        }
        article {
          padding-right: 20px;
        }
        .about-btn {
          margin-right: 20px;
        }
      }
    }
  }
}

@media (min-width: 1281px) and (max-width: 1520px) {
  header {
    nav {
      ul {
        .submenu {
          right: auto;
          left: -100px;
        }
      }
    }
  }
  .products-content {
    .filter-box {
      .scrollTip {
        left: 100px;
      }
    }
  }
  .pro-filter {
    left: 100px;
  }
}

@media (min-width: 1081px) and (max-width: 1280px) {
  header {
    nav {
      ul {
        .submenu {
          right: auto;
          left: -50px;
        }
      }
    }
  }
  .products-content {
    .filter-box {
      .scrollTip {
        left: 50px;
      }
    }
  }
  .pro-filter {
    left: 50px;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  header {
    nav {
      ul {
        .submenu {
          right: auto;
          left: -25px;
        }
      }
    }
  }
  .products-content {
    .filter-box {
      .scrollTip {
        left: 25px;
      }
    }
  }
  .pro-filter {
    left: 25px;
  }
}

@media screen and (max-width: 768px) {
  footer .footer-container>ul>li.map .logo {
    background-position: 20px 20px;
  }
  footer .footer-container>ul>li.email .logo {
    background-position: -60px 20px;
  }
  footer .footer-container>ul>li.tel .logo {
    background-position: -140px 20px;
  }
  footer .footer-container>ul>li .content {
    padding-right: 0;
  }
  footer .footer-container>ul>li span {
    right: -3vw;
  }
  header nav ul li i {
    right: auto;
    left: 4vw;
  }
  .abouts-content article .imgs-list li {
    margin-right: 0;
    padding-right: 0;
  }
  header nav ul .submenu {
    left: auto;
  }
  footer .footer-top .contact-left .contact-content {
    margin-left: 10px;
    margin-right: 0;
  }
  footer .footer-container .bottom-info {
    padding-left: 0;
    padding-right: vm(50);
  }
}